
@charset "utf-8";
.nav{
    height: 74px;
    width: 100%;
    min-width: 1349px;
    border-bottom: 1px solid #dfdfdf;
    .logo{
        width: 86px; 
        height: 74px;
        overflow: hidden;
        float: left;
        margin-right: 10%; 
        img{
            width: 100%;
            height: 100%;
        }
    }
    .nav_cont{
        line-height: 74px;
        font-size: 14px;
        float: left;
        ul>li{
            float: left;
            margin-left: 48px;
            a{
            color: #444f58;
            display: inline-block;
            width: 100%;
            height: 100%;
            }
            a:hover{
                  color: skyblue;
              }
        }
    }
    .nav_so{
        line-height: 74px;
        float: left;
        position: relative;
        margin-left: 69px;
        input[type="text"]{
            height: 25px;
            border-radius: 12px;
            border: 1px solid #dcdee0;
            padding-left: 10px;
            width: 153px;
            padding-right: 26px;
        }
        i{
            font-size: 28px;
            color: red;
            vertical-align: middle;
            position: absolute;
            line-height: 1.5em;
            top: 19px;
            right: -4px;
            }
        input[type="submit"]{
                width: 24px;
                height: 24px;
                color: red;
                vertical-align: middle;
                position: absolute;
                line-height: 1.5em;
                top: 26px;
                right: 0px;
                cursor: pointer;
                border-radius: 50%;
                opacity: 0;
        }
    }
    .nav_right{
        line-height: 74px;
        margin-left: 90px;
        display: inline-block;
        ul>li{
            float: left;
            border-left: 1px solid #dfdfdf;
            text-align: center;
            font-size: 14px;
            color: #878787;
            padding: 0px 5px;
            a{
                display: inline-block;
                color: #878787;
                width: 100%;
                height: 100%;
            }
        }
        ul>li:first-child{
            display: inline-block;
            height: 74px;
            width: 64px;
        }
        ul>li:nth-child(2){
            width: 64px;
        }
        ul>li:last-child{
            padding: 0px 12px;
        }
    }
}


//尾部

footer{
    width: 100%;
    height: 249px;
    background: #eb413d;
    padding-top: 55px;
    text-align: center;
   .foot{
       width: 650px;
       margin: 0 auto;
        .footer_logo{
        float: left;
        display: inline-block;
        height: 100%;
        width: 86px;
        height: 32px;
        }
         ul{
        list-style-type: disc;
        float: left;
        color: white;
        font-size: 14px;
        margin-left: 60px;
            li{
                margin-bottom: 13px;
                list-style-type: disc;
                a{
                     color: white;
                }
            }
         }
        ul:first-child{
            border-left: 1px solid white;
            padding-left: 60px;
        }
   }
   p{
       color: white;
       display:inline-block ;
       font-size: 12px;
       margin-top: 35px;
     
   }
}
 